<!DOCTYPE html>
<!-- 网页使用中文 -->
<html lang="zh-CN">

    <head>
        <!-- 元数据meta -->
        <!-- #region -->
        <!-- 定义页面字符集为utf-8 -->
        <meta charset="utf-8">
        <!-- IE渲染方式为edge -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- 移动端网页显示 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- #endregion -->
         <!-- 标题 -->
        <title>元数据</title>
        
    </head>

    <body>
        <!-- 文本元素 -->
        <!-- #region -->
         <h3>html文本与图片标签</h3>
         <!-- 无格式容器 -->
         <div>容器</div>
         <!-- 段落标签 -->
          <p>段落</p>
         <p>
            段落1
            段落2
         </p>
         <!-- 预段落 -->
          <p>预段落</p>
          <pre>
            预段落1
            预段落2
          </pre>
          <!-- 无序列表 -->
           <!-- 快捷ul>li*3 -->
            <p>无序列表</p>
           <ul>
            <li>列表一</li>
            <li>列表二</li>
            <li>列表三</li>
           </ul>
           <!-- 有序列表 -->
            <!-- 快捷ol>li*3 -->
             <p>有序列表</p>
           <ol>
            <li>列表一</li>
            <li>列表二</li>
            <li>列表三</li>
           </ol>
           <!-- 定义列表 -->
            <!-- 快捷dl>dr*3 -->
             <p>定义列表</p>
           <dl>
            <dt>定义一</dt>
            <dd>解释一</dd>
            <dt>定义二</dt>
            <dd>解释二</dd>
            <dt>定义三</dt>
            <dd>解释三</dd>
           </dl>
           <!-- 分割线 -->
            <hr>
            <!-- 长引用 -->
             <blockquote cite="https://csse.szu.edu.cn/">
                <p>引用示例</p>
                <cite>——引用来源</cite><a href="https://csse.szu.edu.cn/">深圳大学计算机软件学院</a>
             </blockquote>
        <!-- #endregion -->
          <!-- #region -->
           <hr>
           <h3>内联文本</h3>
           <!-- 无格式行级元素 -->
            <span>无长宽高</span>
            <!-- 换行 -->
             <br>
             <!-- 视觉加粗 -->
              <b>加粗1</b>
              <br>
              <!-- 强调加粗 -->
              <strong>加粗2</strong>
              <br>
              <!-- 视觉倾斜 -->
               <i>倾斜1</i>
               <br>
               <!-- 强调倾斜 -->
                <em>倾斜2</em>
                <br>
                <!-- 超链接 -->
                 <a href="./a.html">本机网页a</a>
           <!-- #endregion -->
        <!-- 图片元素 -->
         <!-- #region -->
          <hr>
          <!-- 图片元素 -->
           <img src="https://www.jju.edu.cn/img/logo1.png" alt="九江学院">
           <br>
           <!-- 添加可视化窗口网站 -->
           <iframe src="https://www.baidu.com/" frameborder="1" width="1000" height="800"></iframe>
          <!-- #endregion -->
        <!-- #region -->
         <hr>
         <!-- #endregion -->
    </body>

</html>